/*
 * style.css Document
 * Author:afuneral;
 * Edited Time:2015-6-12;
 * Updated By:afuneral;
 * Updated Time:2015-6-12;
 * */
@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, a, blockquote, th, td {margin: 0;padding: 0;}
body, input, button, select, textarea, th, td,div {color: #666666;font-family: "Microsoft YaHei","tahoma","arial","sans-serif";font-size: 12px;line-height: 1.5;}
input,select{border:none;outline:none;-webkit-appearance: none;}
img{ border:none;}
ul{ list-style-type:none}
a{ color:#636363; text-decoration:none;outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
a:hover{ color:#d71345;text-decoration:none}

body {
	margin:  0 auto;
	padding:  0;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	font-family: "microsoft yahei";
	max-width: 720px;
	background-color: #FFFFFF;
	overflow-x: hidden;
	overflow-y: scroll;
}
*{-webkit-text-size-adjust:auto !important;}
/*公用样式*/
.right {float: right;}
.left {float: left;}
.ove {overflow: hidden;}

.text-red {color: #d71345;}
.text-gray {color: #c2c2c2;}
.text-gray a{color: #c2c2c2;}
.text-yellow {color: #eb9e00;}
.text-white {color: #FFFFFF;}
.text-weight {font-weight: bold;}
.text-link {cursor: pointer;line;}

.btn-normal{width: 40%;height: 30px;line-height: 30px;text-align: center;}

.btn-red{background-color: #d71345;color: #FFFFFF;}

/* 纯宽度设置 */
.span1 {width: 10%}
.span2 {width: 20%}
.span3 {width: 30%}
.span4 {width: 40%}
.span5 {width: 50%}
.span6 {width: 60%}
.span7 {width: 70%}
.span8 {width: 80%}
.span9 {width: 90%}

/* 主页banner */
.index-contain .main-contain{
	width: 100%;
	margin: 0px;
	margin-bottom: 50px;
}
.index-banner {
	width: 100%;
	height: 100%;
	min-height: 350px;
	background-image: url(../img/public/index01.jpg);
	background-size: cover;
	background-repeat:no-repeat ;
	animation: bannerSlide 2s ease-in-out 4s infinite alternate ;
	-webkit-animation: bannerSlide 2s ease-in-out 4s infinite alternate;
	-moz-animation: bannerSlide 2s ease-in-out 4s infinite alternate;
	-ms-animation: bannerSlide 2s ease-in-out 4s infinite alternate;
	-o-animation: bannerSlide 2s ease-in-out 4s infinite alternate;
}
@keyframes  bannerSlide{
	0%{background-image: url(../img/public/index01.jpg);}
	100%{background-image: url(../img/public/index02.jpg);}
}
@-webkit-keyframes bannerSlide{
	0%{background-image: url(../img/public/index01.jpg);}
	100%{background-image: url(../img/public/index02.jpg);}
}
@-moz-keyframes bannerSlide{
	0%{background-image: url(../img/public/index01.jpg);}
	100%{background-image: url(../img/public/index02.jpg);}
}
@-ms-keyframes bannerSlide{
	0%{background-image: url(../img/public/index01.jpg);}
	100%{background-image: url(../img/public/index02.jpg);}
}
@-o-keyframes bannerSlide{
	0%{background-image: url(../img/public/index01.jpg);}
	100%{background-image: url(../img/public/index02.jpg);}
}

/* 公用头部 */
.mobile-header {
	width: 100%;
	background: #fff;
}
.mobile-header a {
	font-size: 22px;
	color: #FFFFFF;
}
.mobile-header .header-top {
	height: 45px;
	background-color: #595757;
	overflow: hidden;
}
.mobile-header .header-left {
	float: left;
	height: 45px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 45px;
}
.mobile-header .header-right {
	float: left;
	height: 45px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 45px;
	
}
.mobile-header .header-title {
	margin: auto;
	line-height: 45px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
}

.mobile-header .header-middle {
	height: 50px;
	background-color: #e6e6e6;
}
.header-middle .header-contactus {
	margin-top: 7px;
}
.header-middle .header-contactus p {
	/*font-size: 8px;*/
	margin-left: 10%;
	
}

.header-banner {
	height: auto;
	background: #FFFFFF;
}
.header-banner .banner-show {
	position: relative;
}
.banner-show .banner-text {
	width: 100%;
	height: 28px;
	background: rgba(215,19,69, 0.85);
	color: #FFFFFF;
	line-height: 28px;
	text-align: center;
	letter-spacing: 1px;
	position: absolute;
	bottom: 0px;
	overflow: hidden;
}
.banner-text a{
	font-size: 12px;
	color: #FFFFFF;
	line-height: 28px;
	text-align: center;
	letter-spacing: 1px;
}
.banner-text ul {
	float: right;
}
.banner-text .active {
	color: #fcc065;
}
.banner-text .active a{
	color: #fcc065;
}
.banner-text li span{
	color: #b60005;
	margin-left: 10px;
}
/* 公用头部结束 */

/* 中间部分  */
.main-contain {
	width: 85%;
	padding: 40px;
	margin: 5px auto 10px;
	border-right: 1px solid rgba(0,0,0,0.5);
	border-bottom: 2px solid rgba(0,0,0,0.5);
	background: #FFFFFF;
}
.main-contain .contain-header {
	font-size: 16px;
	color: #d71345;
	text-align: center;
	padding: 0 30px 30px;
}
.contain-header p{
	margin-bottom: 10px;
}
.main-contain .main-form{
	width: 100%;
	margin: 20px 0px 50px;
}
.main-form .input-group-addon{
	height: 30px;
}
.contain-footer {
	overflow: hidden;
	letter-spacing: 1px;
}
.contain-footer .forget {
	margin: 15px 0 5px;
}
.contain-footer .text-right {
	margin-top: 20px;
}
.contain-footer .text-link {
	margin-left: 5px;
}
.contain-footer .btn-danger {
	background-color: #d71345;
	border-color: #d71345;
}

/* 注册 */
.register-group .btn{
	margin-bottom: 30px;
}
.mobile-bank p{
	margin-top: 10px;
}
.main-contain .hint-info {
	display: none;
}
.main-contain .hint-info span{
	color: #d71345;
}
.main-contain .checkbox {
	margin-bottom: 15px;
	letter-spacing: 1px;
}
.register-success {
	width: 80%;
	margin: 0px auto 50px;
	
}

/* 我要投资 */
.money-list {
	width: 90%;
	margin: 30px auto;
}
.money-list .list-contain{
	width: 100%;
	background: #FFFFFF;
	position: relative;
	margin-bottom: 35px;
}
.list-contain .unshelve{
	position: absolute;
	top: -20px;
	right: 0;
}
.list-contain .list-left{
	width: 65%;
	float: left;
}
.list-contain .list-left h2 {
	margin-left: 5%;
}
.list-contain .list-right{
	width: 35%;
	float: left;
}
.list-contain .list-bottom {
	margin: 0 0 10px 15px;
	color: #898989;
}
.list-contain .list-title {
	margin: 10px 0 20px 0;
	padding-left: 60px;
}
.list-contain table {
	width: 90%;
	margin: auto;
}
.list-contain table td {
	text-align: center;
}
/* 投资-右上角标签 */
/* 投资 */
.list-contain .invest {
	width: 38px;
	height: 38px;
	background: url(../img/money/invest.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
/* 认购 */
.list-contain .subscription {
	width: 38px;
	height: 38px;
	background: url(../img/money/subscription.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
/* 还款 */
.list-contain .repayment {
	width: 38px;
	height: 38px;
	background: url(../img/money/repayment.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
/* 结束 */
.list-contain .end {
	width: 38px;
	height: 38px;
	background: url(../img/money/end.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
/* 投资-标签颜色 */
.list-contain .tag {
	width: 60px;
	height: 30px;
	position: absolute;
	top: 8px;
	left: -8px;
	font-size: 10px;
	padding-left: 7px;
	line-height: 24px;
	color: #FFFFFF;
	text-align: center;
	
}
.list-contain .tag-pink {
	background: url(../img/money/tag_red.png) no-repeat;
	background-size: 100%;
}
.list-contain .tag-yellow {
	background: url(../img/money/tag_yellow.png) no-repeat;
	background-size: 100%;
}
.list-contain .tag-purple {
	background: url(../img/money/tag_purple.png) no-repeat;
	background-size: 100%;
}
.list-contain .tag-blue {
	background: url(../img/money/tag_blue.png) no-repeat;
	background-size: 100%;
}
.list-contain .tag-orange {
	background: url(../img/money/tag_orange.png) no-repeat;
	background-size: 100%;
}
/* 投资-表格字体颜色 */
.color-pink td{
	height: 50px;
	font-size: 13px;
	color: #d8325a;
	font-weight: bold;
}
.color-yellow td{
	height: 50px;
	font-size: 13px;
	color: #eb9532;
	font-weight: bold;
}
.color-purple td{
	height: 50px;
	font-size: 13px;
	color: #953163;
	font-weight: bold;
}
.color-blue td{
	height: 50px;
	font-size: 13px;
	color: #002063;
	font-weight: bold;
}
.color-orange td{
	height: 50px;
	font-size: 13px;
	color: #ef543a;
	font-weight: bold;
}
.color-gray td{
	color: #898989;
}

/* 投资-进度颜色 */
.progressbar {
	width: 100px;
	height: 100px;
	margin: 10px auto;
	line-height: 100px;
	text-align: center;
	color: #FFFFFF;
}
/* 进度条粉色 */
.progress_pink .progress_circle {
	background: #d8325a;
}
.progress_pink .progress_left,
.progress_pink .progress_right {
	background: #f3c1cd;
}
.progress_pink .progress_mask {
	background: #e57993;
}
/* 进度条黄色 */
.progress_yellow .progress_circle {
	background: #eb9532;
}
.progress_yellow .progress_left,
.progress_yellow .progress_right {
	background: #f9dfc1;
}
.progress_yellow .progress_mask {
	background: #f2ba79;
}
/* 进度条紫色 */
.progress_purple .progress_circle {
	background: #953163;
}
.progress_purple .progress_left,
.progress_purple .progress_right {
	background: #dfc1d0;
}
.progress_purple .progress_mask {
	background: #ba7999;
}
/* 进度条蓝色 */
.progress_blue .progress_circle {
	background: #021f63;
}
.progress_blue .progress_left,
.progress_blue .progress_right {
	background: #b1bcd0;
}
.progress_blue .progress_mask {
	background: #596e99;
}
/* 进度条橙色 */
.progress_orange .progress_circle {
	background: #ee5438;
}
.progress_orange .progress_left,
.progress_orange .progress_right {
	background: #facbc3;
}
.progress_orange .progress_mask {
	background: #f48e7f;
}
/* 进度条颜色结束 */
.progressbar span{
	font-size: 24px;
	line-height: 90px;
	vertical-align: top;
}
.progress_circle {
	width: 100px;
	height: 100px;
	position: absolute;
	border-radius: 50%;
}
.progress_pie_left,
.progress_pie_right {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
}
.progress_left,
.progress_right {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.progress_pie_right,
.progress_right {
	clip: rect(0, auto, auto, 50px);
}
.progress_pie_left,
.progress_left {
	clip: rect(0, 50px, auto, 0);
}
.progress_mask {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	left: 5px;
	top: 5px;
	position: absolute;
	text-align: center;
	line-height: 80px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

/*我的账户*/
.account-contain{width: 95%;margin: 5px auto 10px;background-color: #FFFFFF;padding: 5px 5px 0px 5px;}
.account-contain .border-right{border-right: 1px solid #e6e6e6;}
.account-top{overflow: hidden;margin-bottom: 20px;}
.account-top .user-img {float: left;}
.account-top .user-right{float: left;}
.account-top .user-img img{width: 50px;height: 50px;border-radius: 4px;border: 1px solid #e9eaeb;margin-right: 2px;}
.account-top .text-gray{margin: 5px 0px;}
.account-top .check-box li{padding-right: 0px;}

.check-img{width: 25px;height: 25px;background-image: url(../img/account/check.png);display: inline-block;}
.check-phone{background-position: 0px 0px;}
.check-email{background-position: -25px 0px;}
.check-bank{background-position: -50px 0px;}
.checked .check-phone{background-position: 0px 25px;}
.checked .check-email{background-position: -25px 25px;}
.checked .check-bank{background-position: -50px 25px;}

.account-info{overflow: hidden;}
.account-info .account-info-detail{width:45%;float: left;margin: 0px 0px 15px 5%;}

.account-menu{margin: 10px -12px 0px -12px;}
.account-menu .list-inline{margin-left: 0px;}
.account-menu ul{border-left:1px solid #e6e6e6;}
.account-menu .list-inline li{width:33.333%; margin-right: 0px;text-align: center;border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;padding-bottom: 10px;}
.account-menu .list-inline img{width: 33.33%;margin: 10px auto;}

/*加盟记录*/
.account-table{width: 95%;margin: 5px auto 10px;background-color: #FFFFFF;padding: 10px;text-align: center;}
.account-table .text-red td{color: #d71345;font-weight: bolder;}

.account-table-bottom{width: 95%;height: 30px;line-height: 30px;background-color: #e6e6e6;position: fixed;bottom: 50px;overflow: hidden;left: 0;right: 0;margin: auto;}
.account-table-bottom .submit-icon{width: 20px;height: 17px;background-image: url(../img/account/submit.png);background-size: 100%;display: inline-block;vertical-align: middle;margin-left: 5px;}
.account-table-bottom .margin-right {margin-right: 10%;}

/*奖励机制*/
.rewards-list{width: 90%;margin: 20px auto;}
.rewards-list .cloud-bg{background-image: url(../img/account/cloud-bg.png);}
.rewards-list .blue-bg{background-color: #0192e5;}
.rewards-list .pruplr-bg{background-color: #6822b7;}
.rewards-list .wave_bg_pruple{background-image: url(../img/account/wave_bg_pruple.png);}
.rewards-list .wave_bg_red{background-image: url(../img/account/wave_bg_red.png);}

.rewards-contain{width: 100%;background-color: #FFFFFF; border-radius: 6px;margin-bottom: 20px;}
.rewards-contain .rewards-contain-top{width: 100%;height:80px;border-radius: 6px;background-size: 100% 100%;position: relative;}
.rewards-contain .rewards-contain-bottom{height: 40px; border-radius: 6px;overflow: hidden;background-color: #FFFFFF;}
.rewards-contain .rewards-contain-bottom .left,
.rewards-contain .rewards-contain-bottom .right{line-height: 40px;}

.rewards-contain-top .account-tag{width: 60px;height: 25px;line-height: 25px;top: 20px;left: -4px;padding-left: 10px;background-image: url(../img/account/tag.png);color: #FFFFFF;background-size: 100%;position: absolute;}
.rewards-contain-top .account-num{position:absolute;top: 7px;right: 43px; font-size: 36px;color: #FFFFFF;font-weight: bolder;}
.rewards-contain-top .account-price{position:absolute;top: 7px;right: 10px; font-size: 36px;color: #FFFFFF;font-weight: bolder;}
.text-size-16{font-size: 16px;}
.text-top{vertical-align: text-top;}

/*推荐好友*/
.share-block{width: 95%;margin: 10px auto;}
.share-block .share-top{overflow: hidden;margin-bottom: 10px;}
.share-block .share-contain{background-color: #FFFFFF;}

.share-top-left{overflow: hidden;float: left;}
.share-top-left img{width: 40px;height: 40px;float: left;border-radius: 4px;border: 1px solid #e9eaeb;margin-right: 2px;}
.share-top-right{float: right;}
.share-top-right .list-inline li{padding-left: 0px;}

.share-img{width: 30px;height: 30px;background-image: url(../img/account/share.png);display: inline-block;}
.share-weixin{background-position: 0px 0px;}
.share-weibo{background-position: -30px 0px;}
.share-qq{background-position: -60px 0px;}

.share-contain{padding: 20px 0px;}
.share-contain .qr-codes img{width: 150px;height: 150px;margin: auto;margin-bottom: 30px;}
.share-contain .share-way img{width: 275px;height: 255px;margin: auto;}
.share-contain .btn-normal{margin: 20px auto 0px auto;display: block;}

/* 表单样式 */
.form-label {width: 20%;float: left;line-height: 30px;}
.form-input {float: left;padding: 5px 10px;border: 1px solid #c2c2c2;}
.form-select {float: left;padding: 5px 10px;border: 1px solid #c2c2c2;}

/* 公用底部导航 */
.mobile-footer {width: 100%;max-width: 720px;background: #fff;position: fixed;bottom: 0;left: 0;right: 0;margin: auto;}
.mobile-footer .footer {width: 100%;height: 50px;background-color: #595757;overflow: hidden;}

.mobile-footer .footer ul {width: 100%;margin-top: 6px;}
.mobile-footer .footer li {width: 24%;margin: auto;text-align: center;}
.mobile-footer .footer li a {font-size: 6px;color: #FFFFFF;letter-spacing: 2px;}
.mobile-footer .footer li a img{width: 18px;height: 18px;}
/* 公用底部导航结束 */

/* Bootstrap 表单样式重置 */
.input-group {margin: 15px 0px;}
.input-group-addon {background-color: #cacaca;border: 1px solid #cacaca;border-radius: 0px;color: #FFFFFF;}
.form-control {border: 1px solid #cacaca;border-radius: 0px;}
.input-group .form-control {width: 99%;}
.btn {border-radius: 0px;}
.center-block{margin-bottom: 70px;}

/*租房*/
.zufang-block{width: 100%;position: relative;}
.zufang-bg{width: 100%;}
.zufang-form{width: 90%;height: 100%;padding: 26% 0px 7% 9.5%;position: absolute;left: 10%;top: 0;}
.zufang-form .form-group{width: 100%;position: relative;margin-bottom: .5em;margin-left: -5.6%;}
.zufang-form .doc{width: 8px;height: 8px;border-radius: 50%;border: 2px solid #FFFFFF;background-color: #ffc56f;display: block;position: absolute;top: 11px;left: -8%;}
.zufang-form .form-label{color: #994b00;font-weight: bolder;}
.zufang-form .form-input{padding: 2% 4%;border: none;background-color: rgba(255,255,255,0.7);border-radius: 2px;color: #994b00;}
.zufang-form .form-select{padding: 2% 4%;border: none;background-color: rgba(255,255,255,0.7);border-radius: 2px;color: #994b00;}
.zufang-form .form-float{width: 15.4%;position: absolute;right: 0px;line-height: 28px;color: #994b00;font-weight: bolder;text-align: center;}
.zufang-form .form-float img{width: 50%;max-width: 25px;}
.zufang-form .btn{width: 35%;padding: 2% 4%;font-size: 12px;margin-left: 10px;background-color: #994b00;color: #FFFFFF;border-radius: 2px;}
.zufang-block .submit-btn{width: 22%;position: absolute;margin: auto;left: 0px;right: 0px;bottom: 8%;padding-right: 2%;}
.zufang-form .small-pig{width: 20%;position: absolute;top: 8%;left: -7%;}
.zufang-block .big-pig{width: 18%;position: absolute;margin: auto;left: 10%;bottom: 10%;padding-right: 2%;}
.fangdong-form .form-group{margin-bottom: 9%;}

